.PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.Flex{
	display:flex;
}

.header{	
	.PxToRem(height,130);
	justify-content: space-between; 
	.PxToRem(padding-left,26);
	.PxToRem(padding-right,26);
}
.down{
	background:#f0f0f0;

	.nav{
		.PxToRem(height,85);
		background:#ffffff;
		border-bottom:1px solid #cccccc;
		p{
		   .PxToRem(font-size,23);
			color:#27c1b4;
			.PxToRem(line-height,85);
			.PxToRem(margin-left,20);
			}
	}
	.mid{
		height:auto;
		background:#ffffff;
		padding:2%;
		.Flex;
		flex-flow: wrap row;
		justify-content: space-between;

		.box{
			
			.PxToRem(width,196);
			.PxToRem(height,120);
			.PxToRem(margin-top,20);
			.PxToRem(padding-top,57);		
			 background:#f4ca39;
			 color:#ffffff;
			 p{text-align:center;
			 	.PxToRem(margin-top,5);
			 }
		}
	}
	.navDow{
		.PxToRem(margin-top,30);
		}

}









